<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <script src="js/index.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <title>日立电视首页</title>
</head>

<body>
    <header>
        <section class="headerin clearfix">
            <a href="" class="logo"></a>
            <nav>
                <ul class="navul clearfix">
                    <li><a href="index.html" class="curr">首页</a></li>
                    <li><a href="introduce.html">关于我们</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="loginbox">
                    <div class="up">
                        <span class="iconperson"></span>
                    </div>
                    <div class="down">
                        <a href="login.html" class="btnLogin">立即登录</a>没有账号？
                        <a href="registered.html" class="linkReg">立即注册</a><br />
                        <a href="buycar.html">我的购物车</a><br />
                        <a href="confirm_information.html">我的订单</a><br />
                        <div>
                            <input type="text" class="inputText"><input type="button" class="inputBtn">
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </header>
    <section id="slider">
        <div class="sliderBox">
            <div id="p1" class="item "><img src="img/banner1.jpg" alt="" width="1920" ,height="1080"></div>
            <div id="p2" class="item curr"><img src="img/homeBanner1.jpg" alt="" width="1920" ,height="1080"></div>
            <div id="p3" class="item"><img src="img/banner1.jpg" alt="" width="1920" ,height="1080"></div>
            <div id="p4" class="item"><img src="img/banner2.jpg" alt="" width="1920" ,height="1080"></div>
            <div id="p5" class="item"><img src="img/banner1.jpg" alt="" width="1920" ,height="1080"></div>
        </div>
        <div class="switcher">
            <span>1</span>
            <span class="curr">2</span>
            <span>3</span>
            <span>4</span>
            <span>5</span>
        </div>
    </section>
    <section class="main">
        <ul class="listProIn">
            <li class="item">
                <a href="">
                    <div class="hd">智能电视、8K电视</div>
                    <div class="bd">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</div>
                    <span class="btnMore">More</span>
                    <img src="img/proHome1.jpg" alt="" class="proImg">
                </a>
            </li>
            <li class="item">
                <a href="">
                    <div class="hd">智能电视、8K电视</div>
                    <div class="bd">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</div>
                    <span class="btnMore">More</span>
                    <img src="img/proHome1.jpg" alt="" class="proImg">
                </a>
            </li>
            <li class="item">
                <a href="">
                    <div class="hd">智能电视、8K电视</div>
                    <div class="bd">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</div>
                    <span class="btnMore">More</span>
                    <img src="img/proHome1.jpg" alt="" class="proImg">
                </a>
            </li>
        </ul>
    </section>
    <section id="slider1">
        <div class="sliderBox">
            <div class="move">
                <div class="item">
                    <div class="imgBox"><img src="img/homePro2.jpg" alt=""></div>
                    <h2>智能电视、8K电视</h2>
                    <p>3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                    <br><br>
                    <br><br>
                    <p class="desc">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                </div>
                <div class="item">
                    <div class="imgBox"><img src="img/homePro2.jpg" alt=""></div>
                    <h2>智能电视、8K电视</h2>
                    <p>3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                    <br><br>
                    <br><br>
                    <p class="desc">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                </div>
                <div class="item">
                    <div class="imgBox"><img src="img/homePro2.jpg" alt=""></div>
                    <h2>智能电视、8K电视</h2>
                    <p>3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                    <br><br>
                    <br><br>
                    <p class="desc">3840*2160分辨率，提供830万像素超清显示能力，
                        细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</p>
                </div>
            </div>
        </div>
        <a href="javascript:void(0)" id="btnPre" class="btnPre">上一个</a>
        <a href="javascript:void(0)" id="btnNext" class="btnNext">下一个</a>
    </section>
    <footer>3840*2160分辨率，提供830万像素超清显示能力，细节真实可感，色彩精准自然，仿佛亲临现场，灵动逼真内容呼之欲出。</footer>
    <script type="text/javascript" src="js/index.js"></script>
</body>
</html>